From d5b26eb03489b96c0c53f8dfe7db0ab63b45ef0a Mon Sep 17 00:00:00 2001 From: Lapo Calamandrei Date: Sat, 16 Apr 2016 14:28:29 +0200 Subject: [PATCH] Adwaita: lighten border color a bit --- gtk/theme/Adwaita/_colors.scss | 7 +- gtk/theme/Adwaita/_common.scss | 2 +- gtk/theme/Adwaita/_drawing.scss | 4 +- gtk/theme/Adwaita/gtk-contained-dark.css | 280 +++++++++++------------ gtk/theme/Adwaita/gtk-contained.css | 264 ++++++++++----------- 5 files changed, 279 insertions(+), 278 deletions(-) diff --git a/gtk/theme/Adwaita/_colors.scss b/gtk/theme/Adwaita/_colors.scss index a1563b5941..0a1e55a1c4 100644 --- a/gtk/theme/Adwaita/_colors.scss +++ b/gtk/theme/Adwaita/_colors.scss @@ -10,12 +10,13 @@ $fg_color: if($variant == 'light', #2e3436, #eeeeec); $selected_fg_color: #ffffff; $selected_bg_color: if($variant == 'light', #4a90d9, darken(#4a90d9,20%)); $selected_borders_color: if($variant== 'light', darken($selected_bg_color, 30%), darken($selected_bg_color, 20%)); -$borders_color: if($variant == 'light', darken($bg_color,30%), darken($bg_color,12%)); +$borders_color: if($variant == 'light', darken($bg_color,22%), darken($bg_color,10%)); +$alt_borders_color: if($variant == 'light', darken($bg_color,30%), darken($bg_color,12%)); $borders_edge: if($variant == 'light', transparentize(white, 0.2), transparentize($fg_color, 0.93)); $link_color: if($variant == 'light', darken($selected_bg_color,10%), lighten($selected_bg_color,20%)); $link_visited_color: if($variant == 'light', darken($selected_bg_color,20%), lighten($selected_bg_color,10%)); $top_hilight: $borders_edge; -$dark_fill: mix($borders_color, $bg_color, 35%); +$dark_fill: mix($borders_color, $bg_color, 50%); $headerbar_color: if($variant == 'light', lighten($bg_color, 5%), darken($bg_color, 3%)); $menu_color: if($variant == 'light', $base_color, mix($bg_color, $base_color, 20%)); $popover_bg_color: $bg_color; @@ -58,7 +59,7 @@ $backdrop_bg_color: $bg_color; $backdrop_fg_color: mix($fg_color, $backdrop_bg_color, 50%); $backdrop_insensitive_color: if($variant == 'light', darken($backdrop_bg_color, 15%), lighten($backdrop_bg_color, 15%)); $backdrop_selected_fg_color: if($variant == 'light', $backdrop_base_color, $backdrop_text_color); -$backdrop_borders_color: mix($borders_color, $bg_color, 90%); +$backdrop_borders_color: mix($borders_color, $bg_color, 80%); $backdrop_dark_fill: mix($backdrop_borders_color, $backdrop_bg_color, 35%); $backdrop_sidebar_bg_color: mix($backdrop_bg_color, $backdrop_base_color, 50%); diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss index d0deea3c36..a5e8fdd14e 100644 --- a/gtk/theme/Adwaita/_common.scss +++ b/gtk/theme/Adwaita/_common.scss @@ -1343,7 +1343,7 @@ headerbar { min-height: 46px; border-width: 0 0 1px; border-style: solid; - border-color: $borders_color; + border-color: $alt_borders_color; border-radius: 0; @include headerbar_fill; diff --git a/gtk/theme/Adwaita/_drawing.scss b/gtk/theme/Adwaita/_drawing.scss index 4d20372ff4..c1a21090b3 100644 --- a/gtk/theme/Adwaita/_drawing.scss +++ b/gtk/theme/Adwaita/_drawing.scss @@ -223,7 +223,7 @@ // color: $tc; outline-color: transparentize($tc, 0.7); - border-color: if($c!=$bg_color, _border_color($c), $borders_color); + border-color: if($c!=$bg_color, _border_color($c), $alt_borders_color); @include _button_text_shadow($tc, $c); @if $variant == 'light' { background-image: linear-gradient(to bottom, lighten($c, 5%) 20%, $c 90%); @@ -247,7 +247,7 @@ // color: $tc; outline-color: transparentize($tc, 0.7); - border-color: if($c!=$bg_color, _border_color($c), $borders_color); + border-color: if($c!=$bg_color, _border_color($c), $alt_borders_color); @if $variant == 'light' { background-image: linear-gradient(to bottom, lighten($c, 9%) 10%, lighten($c, 4%) 90%); box-shadow: inset 0 1px _button_hilight_color(lighten($c, 6%)), diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css index fa43fffeb4..2a30570111 100644 --- a/gtk/theme/Adwaita/gtk-contained-dark.css +++ b/gtk/theme/Adwaita/gtk-contained-dark.css @@ -129,10 +129,10 @@ headerbar .subtitle { assistant .sidebar { background-color: #292929; - border-top: 1px solid #1c1f1f; } + border-top: 1px solid #212424; } assistant .sidebar:backdrop { background-color: #2c2c2c; - border-color: #1f2222; } + border-color: #262929; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar label { @@ -181,7 +181,7 @@ entry { border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: white; - border-color: #1c1f1f; + border-color: #212424; background-color: #292929; box-shadow: inset 0 0 0 1px rgba(33, 93, 156, 0); } spinbutton:not(.vertical) image.left, @@ -229,20 +229,20 @@ entry { spinbutton:disabled:not(.vertical), entry:disabled { color: #949796; - border-color: #1c1f1f; + border-color: #212424; background-color: #333636; box-shadow: none; } spinbutton:backdrop:not(.vertical), entry:backdrop { color: #d5d5d5; - border-color: #1f2222; + border-color: #262929; background-color: #2c2c2c; box-shadow: none; transition: 200ms ease-out; } spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #5d6767; - border-color: #1f2222; + border-color: #262929; background-color: #333636; box-shadow: none; } spinbutton.error:not(.vertical), @@ -354,15 +354,15 @@ entry { .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { - border-top-color: #252626; } + border-top-color: #272828; } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { - border-top-color: #282929; } + border-top-color: #2a2b2b; } .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { - border-top-color: #252626; } + border-top-color: #272828; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), @@ -428,7 +428,7 @@ button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; + border-color: #212424; background-image: linear-gradient(to bottom, #343a3a, #2f3434 60%, #2a2f2f); text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); @@ -453,7 +453,7 @@ button { button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; + border-color: #212424; background-image: linear-gradient(to bottom, #3b4242, #343a3a 60%, #2f3434); text-shadow: 0 -1px rgba(0, 0, 0, 0.76376); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76376); @@ -464,7 +464,7 @@ button { button:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; + border-color: #212424; background-image: linear-gradient(to bottom, #232727, #2d3232); text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); @@ -473,7 +473,7 @@ button { notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat, button:backdrop { - border-color: #1f2222; + border-color: #262929; background-image: linear-gradient(to bottom, #393f3f); text-shadow: none; -gtk-icon-shadow: none; @@ -491,8 +491,8 @@ button { button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #303535); + border-color: #262929; + background-image: linear-gradient(to bottom, #323737); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active label, @@ -507,7 +507,7 @@ button { notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { - border-color: #1f2222; + border-color: #262929; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; @@ -523,7 +523,7 @@ button { button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { - border-color: #1f2222; + border-color: #262929; background-image: linear-gradient(to bottom, #272929); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, @@ -544,7 +544,7 @@ button { -gtk-icon-shadow: none; } notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled { - border-color: #1c1f1f; + border-color: #212424; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; @@ -556,7 +556,7 @@ button { notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active, button:disabled:checked { - border-color: #1c1f1f; + border-color: #212424; background-image: linear-gradient(to bottom, #313434, #333636); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } notebook > header > tabs > arrow:disabled:active label, button.titlebutton:disabled:active label, notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, @@ -828,7 +828,7 @@ button.suggested-action { .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { - border-color: #1f2222; + border-color: #262929; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; @@ -865,7 +865,7 @@ button.suggested-action { -gtk-icon-shadow: none; color: rgba(33, 93, 156, 0.8); } button.suggested-action:disabled { - border-color: #1c1f1f; + border-color: #212424; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; @@ -998,7 +998,7 @@ button.destructive-action { color: #edcece; } button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { - border-color: #1f2222; + border-color: #262929; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; @@ -1031,7 +1031,7 @@ button.destructive-action { -gtk-icon-shadow: none; color: rgba(213, 16, 16, 0.8); } button.destructive-action:disabled { - border-color: #1c1f1f; + border-color: #212424; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; @@ -1163,7 +1163,7 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { .inline-toolbar toolbutton > button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; + border-color: #212424; background-image: linear-gradient(to bottom, #343a3a, #2f3434 60%, #2a2f2f); text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); @@ -1171,7 +1171,7 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { .inline-toolbar toolbutton > button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; + border-color: #212424; background-image: linear-gradient(to bottom, #3b4242, #343a3a 60%, #2f3434); text-shadow: 0 -1px rgba(0, 0, 0, 0.76376); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76376); @@ -1179,13 +1179,13 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; + border-color: #212424; background-image: linear-gradient(to bottom, #232727, #2d3232); text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } .inline-toolbar toolbutton > button:disabled { - border-color: #1c1f1f; + border-color: #212424; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; @@ -1193,13 +1193,13 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { color: #949796; } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - border-color: #1c1f1f; + border-color: #212424; background-image: linear-gradient(to bottom, #313434, #333636); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { color: #949796; } .inline-toolbar toolbutton > button:backdrop { - border-color: #1f2222; + border-color: #262929; background-image: linear-gradient(to bottom, #393f3f); text-shadow: none; -gtk-icon-shadow: none; @@ -1207,13 +1207,13 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { .inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { color: #949796; } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #303535); + border-color: #262929; + background-image: linear-gradient(to bottom, #323737); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { color: #949796; } .inline-toolbar toolbutton > button:backdrop:disabled { - border-color: #1f2222; + border-color: #262929; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; @@ -1221,7 +1221,7 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { .inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { color: #5d6767; } .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { - border-color: #1f2222; + border-color: #262929; background-image: linear-gradient(to bottom, #272929); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label { @@ -1435,7 +1435,7 @@ spinbutton:not(.vertical) { color: #dadad9; background-image: none; border-style: none none none solid; - border-color: rgba(28, 31, 31, 0.3); + border-color: rgba(33, 36, 36, 0.3); border-radius: 0; box-shadow: none; } spinbutton:not(.vertical) button:dir(rtl) { @@ -1451,7 +1451,7 @@ spinbutton:not(.vertical) { spinbutton:not(.vertical) button:backdrop { color: #8a8c8b; background-color: transparent; - border-color: rgba(31, 34, 34, 0.3); + border-color: rgba(38, 41, 41, 0.3); transition: 200ms ease-out; } spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(93, 103, 103, 0.3); @@ -1640,12 +1640,12 @@ searchbar, .inline-toolbar, searchbar, .location-bar { border-style: solid; - border-color: #1c1f1f; - background-color: #303535; } + border-color: #212424; + background-color: #323737; } .inline-toolbar:backdrop, searchbar:backdrop, .location-bar:backdrop { - border-color: #1f2222; - background-color: #303535; + border-color: #262929; + background-color: #323737; box-shadow: none; transition: 200ms ease-out; } @@ -1665,7 +1665,7 @@ headerbar { box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); } .titlebar:backdrop:not(headerbar), headerbar:backdrop { - border-color: #1f2222; + border-color: #262929; background-color: #393f3f; background-image: none; box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); @@ -1831,7 +1831,7 @@ headerbar { headerbar.selection-mode button.suggested-action { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; + border-color: #212424; background-image: linear-gradient(to bottom, #343a3a, #2f3434 60%, #2a2f2f); text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); @@ -1841,7 +1841,7 @@ headerbar { headerbar.selection-mode button.suggested-action:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; + border-color: #212424; background-image: linear-gradient(to bottom, #3b4242, #343a3a 60%, #2f3434); text-shadow: 0 -1px rgba(0, 0, 0, 0.76376); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76376); @@ -1851,7 +1851,7 @@ headerbar { headerbar.selection-mode button.suggested-action:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; + border-color: #212424; background-image: linear-gradient(to bottom, #232727, #2d3232); text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); @@ -1859,7 +1859,7 @@ headerbar { border-color: #0f2b48; } .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { - border-color: #1c1f1f; + border-color: #212424; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; @@ -1871,7 +1871,7 @@ headerbar { color: #949796; } .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { - border-color: #1f2222; + border-color: #262929; background-image: linear-gradient(to bottom, #393f3f); text-shadow: none; -gtk-icon-shadow: none; @@ -1883,7 +1883,7 @@ headerbar { color: #949796; } .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { - border-color: #1f2222; + border-color: #262929; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; @@ -1962,7 +1962,7 @@ window.csd > .titlebar:not(headerbar) { border-color: transparent; box-shadow: none; } .titlebar:not(headerbar) > separator { - background-color: #1c1f1f; } + background-color: #212424; } /************ * Pathbars * @@ -2143,7 +2143,7 @@ menu, margin: 4px; padding: 2px 0px; background-color: #2c2d2d; - border: 1px solid #1c1f1f; } + border: 1px solid #212424; } .csd menu, .csd .menu { border: none; } @@ -2240,7 +2240,7 @@ popover.background { background-color: #393f3f; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .csd popover.background, popover.background { - border: 1px solid #1c1f1f; } + border: 1px solid #212424; } popover.background:backdrop { background-color: #393f3f; box-shadow: none; } @@ -2262,12 +2262,12 @@ popover.background { *************/ notebook > header { padding: 1px; - border-color: #1c1f1f; + border-color: #212424; border-width: 1px; - background-color: #2f3434; } + background-color: #2d3232; } notebook > header:backdrop { - border-color: #1f2222; - background-color: #303535; } + border-color: #262929; + background-color: #323737; } notebook > header tabs { margin: -1px; } notebook > header.top { @@ -2275,7 +2275,7 @@ notebook > header { notebook > header.top > tabs { margin-bottom: -2px; } notebook > header.top > tabs > tab:hover { - box-shadow: inset 0 -3px #1c1f1f; } + box-shadow: inset 0 -3px #212424; } notebook > header.top > tabs > tab:backdrop { box-shadow: none; } notebook > header.top > tabs > tab:checked { @@ -2285,7 +2285,7 @@ notebook > header { notebook > header.bottom > tabs { margin-top: -2px; } notebook > header.bottom > tabs > tab:hover { - box-shadow: inset 0 3px #1c1f1f; } + box-shadow: inset 0 3px #212424; } notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } notebook > header.bottom > tabs > tab:checked { @@ -2295,7 +2295,7 @@ notebook > header { notebook > header.left > tabs { margin-right: -2px; } notebook > header.left > tabs > tab:hover { - box-shadow: inset -3px 0 #1c1f1f; } + box-shadow: inset -3px 0 #212424; } notebook > header.left > tabs > tab:backdrop { box-shadow: none; } notebook > header.left > tabs > tab:checked { @@ -2305,7 +2305,7 @@ notebook > header { notebook > header.right > tabs { margin-left: -2px; } notebook > header.right > tabs > tab:hover { - box-shadow: inset 3px 0 #1c1f1f; } + box-shadow: inset 3px 0 #212424; } notebook > header.right > tabs > tab:backdrop { box-shadow: none; } notebook > header.right > tabs > tab:checked { @@ -2365,7 +2365,7 @@ notebook > header { notebook > header tab:hover { color: #c1c3c1; } notebook > header tab:hover.reorderable-page { - border-color: rgba(28, 31, 31, 0.3); + border-color: rgba(33, 36, 36, 0.3); background-color: rgba(57, 63, 63, 0.2); } notebook > header tab:backdrop { color: #707473; } @@ -2375,14 +2375,14 @@ notebook > header { notebook > header tab:checked { color: #eeeeec; } notebook > header tab:checked.reorderable-page { - border-color: rgba(28, 31, 31, 0.5); + border-color: rgba(33, 36, 36, 0.5); background-color: rgba(57, 63, 63, 0.5); } notebook > header tab:checked.reorderable-page:hover { background-color: rgba(57, 63, 63, 0.7); } notebook > header tab:backdrop:checked { color: #949796; } notebook > header tab:backdrop:checked.reorderable-page { - border-color: #1f2222; + border-color: #262929; background-color: #393f3f; } notebook > header tab button.flat { padding: 0; @@ -2449,16 +2449,16 @@ scrollbar { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { - border-bottom: 1px solid #1c1f1f; } + border-bottom: 1px solid #212424; } scrollbar.bottom { - border-top: 1px solid #1c1f1f; } + border-top: 1px solid #212424; } scrollbar.left { - border-right: 1px solid #1c1f1f; } + border-right: 1px solid #212424; } scrollbar.right { - border-left: 1px solid #1c1f1f; } + border-left: 1px solid #212424; } scrollbar:backdrop { background-color: #323737; - border-color: #1f2222; + border-color: #262929; transition: 200ms ease-out; } scrollbar slider { min-width: 6px; @@ -2583,7 +2583,7 @@ scrollbar { -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } treeview ~ scrollbar.vertical { - border-top: 1px solid #1c1f1f; + border-top: 1px solid #212424; margin-top: -1px; } /********** @@ -2593,10 +2593,10 @@ switch { font-weight: bold; font-size: smaller; outline-offset: -4px; - border: 1px solid #1c1f1f; + border: 1px solid #212424; border-radius: 3px; color: #eeeeec; - background-color: #2f3434; + background-color: #2d3232; text-shadow: 0 1px rgba(0, 0, 0, 0.1); } switch:checked { color: #ffffff; @@ -2605,13 +2605,13 @@ switch { text-shadow: 0 1px rgba(15, 43, 72, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } switch:disabled { color: #949796; - border-color: #1c1f1f; + border-color: #212424; background-color: #333636; text-shadow: none; } switch:backdrop { color: #949796; - border-color: #1f2222; - background-color: #303535; + border-color: #262929; + background-color: #323737; text-shadow: none; transition: 200ms ease-out; } switch:backdrop:checked { @@ -2619,7 +2619,7 @@ switch { background-color: #215d9c; } switch:disabled { color: #5d6767; - border-color: #1f2222; + border-color: #262929; background-color: #333636; } switch slider { margin: -1px; @@ -2644,7 +2644,7 @@ switch { switch:checked slider { border: 1px solid #0f2b48; } switch:disabled slider { - border-color: #1c1f1f; + border-color: #212424; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; @@ -2653,7 +2653,7 @@ switch { color: #949796; } switch:backdrop slider { transition: 200ms ease-out; - border-color: #1f2222; + border-color: #262929; background-image: linear-gradient(to bottom, #393f3f); text-shadow: none; -gtk-icon-shadow: none; @@ -2663,7 +2663,7 @@ switch { switch:backdrop:checked slider { border-color: #0f2b48; } switch:backdrop:disabled slider { - border-color: #1f2222; + border-color: #262929; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; @@ -2750,14 +2750,14 @@ radio { radio:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; + border-color: #212424; background-image: linear-gradient(to bottom, #232727, #2d3232); text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } check:disabled, radio:disabled { - border-color: #1c1f1f; + border-color: #212424; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; @@ -2768,7 +2768,7 @@ radio { color: #949796; } check:backdrop, radio:backdrop { - border-color: #1f2222; + border-color: #262929; background-image: linear-gradient(to bottom, #393f3f); text-shadow: none; -gtk-icon-shadow: none; @@ -2780,7 +2780,7 @@ radio { color: #949796; } check:backdrop:disabled, radio:backdrop:disabled { - border-color: #1f2222; + border-color: #262929; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; @@ -2920,14 +2920,14 @@ treeview.view radio:backdrop { * GtkScale * ************/ scale trough, scale fill, progressbar trough { - border: 1px solid #1c1f1f; + border: 1px solid #212424; border-radius: 3px; - background-color: #2f3434; } + background-color: #2d3232; } scale trough:disabled, scale fill:disabled, progressbar trough:disabled { background-color: #333636; } scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop, progressbar:backdrop trough { - background-color: #303535; - border-color: #1f2222; + background-color: #323737; + border-color: #262929; transition: 200ms ease-out; } scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled { background-color: #333636; } @@ -2989,7 +2989,7 @@ scale { outline-offset: 2px; -gtk-outline-radius: 5px; } scale fill:backdrop, scale fill { - background-color: #1c1f1f; } + background-color: #212424; } scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; } @@ -3006,7 +3006,7 @@ scale { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); background-image: linear-gradient(to bottom, #323737 20%, #2a2f2f 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #2f3434, inset 0 -1px #232727, 0 1px rgba(0, 0, 0, 0.1); - border: 1px solid #151717; + border: 1px solid #1a1c1c; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } @@ -3019,7 +3019,7 @@ scale { scale slider:active { border-color: #0f2b48; } scale slider:disabled { - border-color: #1c1f1f; + border-color: #212424; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; @@ -3028,7 +3028,7 @@ scale { color: #949796; } scale slider:backdrop { transition: 200ms ease-out; - border-color: #1f2222; + border-color: #262929; background-image: linear-gradient(to bottom, #393f3f); text-shadow: none; -gtk-icon-shadow: none; @@ -3036,7 +3036,7 @@ scale { scale slider:backdrop label, scale slider:backdrop { color: #949796; } scale slider:backdrop:disabled { - border-color: #1f2222; + border-color: #262929; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; @@ -3486,7 +3486,7 @@ scale { min-height: 0; min-width: 0; } scale.color trough { - background-image: linear-gradient(to top, #1c1f1f); + background-image: linear-gradient(to top, #212424); background-repeat: no-repeat; } scale.color.horizontal { padding: 0 0 15px 0; } @@ -3605,12 +3605,12 @@ levelbar trough { padding: 2px; border-radius: 3px; color: white; - border-color: #1c1f1f; + border-color: #212424; background-color: #292929; box-shadow: inset 0 0 0 1px rgba(33, 93, 156, 0); } levelbar trough:backdrop { color: #d5d5d5; - border-color: #1f2222; + border-color: #262929; background-color: #2c2c2c; box-shadow: none; } levelbar.horizontal.discrete block { @@ -3654,12 +3654,12 @@ levelbar block.empty { *****************/ printdialog paper { color: #eeeeec; - border: 1px solid #1c1f1f; + border: 1px solid #212424; background: white; padding: 0; } printdialog paper:backdrop { color: #949796; - border-color: #1f2222; } + border-color: #262929; } printdialog .dialog-action-box { margin: 12px; } @@ -3672,24 +3672,24 @@ frame > border, margin: 0; padding: 0; border-radius: 0; - border: 1px solid #1c1f1f; } + border: 1px solid #212424; } frame > border.flat, .frame.flat { border-style: none; } frame > border:backdrop, .frame:backdrop { - border-color: #1f2222; } + border-color: #262929; } actionbar > revealer > box { padding: 6px; - border-top: 1px solid #1c1f1f; } + border-top: 1px solid #212424; } actionbar > revealer > box:backdrop { - border-color: #1f2222; } + border-color: #262929; } scrolledwindow viewport.frame { border-style: none; } scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#040404), to(rgba(4, 4, 4, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#090909), to(rgba(9, 9, 9, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; @@ -3697,7 +3697,7 @@ scrolledwindow overshoot.top { border: none; box-shadow: none; } scrolledwindow overshoot.top:backdrop { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#1f2222), to(rgba(31, 34, 34, 0))); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#262929), to(rgba(38, 41, 41, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; @@ -3705,7 +3705,7 @@ scrolledwindow overshoot.top { border: none; box-shadow: none; } scrolledwindow overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#040404), to(rgba(4, 4, 4, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#090909), to(rgba(9, 9, 9, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; @@ -3713,7 +3713,7 @@ scrolledwindow overshoot.bottom { border: none; box-shadow: none; } scrolledwindow overshoot.bottom:backdrop { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#1f2222), to(rgba(31, 34, 34, 0))); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#262929), to(rgba(38, 41, 41, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; @@ -3721,7 +3721,7 @@ scrolledwindow overshoot.bottom { border: none; box-shadow: none; } scrolledwindow overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#040404), to(rgba(4, 4, 4, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#090909), to(rgba(9, 9, 9, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; @@ -3729,7 +3729,7 @@ scrolledwindow overshoot.left { border: none; box-shadow: none; } scrolledwindow overshoot.left:backdrop { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#1f2222), to(rgba(31, 34, 34, 0))); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#262929), to(rgba(38, 41, 41, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; @@ -3737,7 +3737,7 @@ scrolledwindow overshoot.left { border: none; box-shadow: none; } scrolledwindow overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#040404), to(rgba(4, 4, 4, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#090909), to(rgba(9, 9, 9, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; @@ -3745,7 +3745,7 @@ scrolledwindow overshoot.right { border: none; box-shadow: none; } scrolledwindow overshoot.right:backdrop { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#1f2222), to(rgba(31, 34, 34, 0))); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#262929), to(rgba(38, 41, 41, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; @@ -3794,12 +3794,12 @@ scrolledwindow undershoot.right { box-shadow: none; } scrolledwindow junction { border-color: transparent; - border-image: linear-gradient(to bottom, #1c1f1f 1px, transparent 1px) 0 0 0 1/0 1px stretch; + border-image: linear-gradient(to bottom, #212424 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #313434; } scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } scrolledwindow junction:backdrop { - border-image-source: linear-gradient(to bottom, #1f2222 1px, transparent 1px); + border-image-source: linear-gradient(to bottom, #262929 1px, transparent 1px); background-color: #323737; transition: 200ms ease-out; } @@ -3814,10 +3814,10 @@ separator { list { color: white; background-color: #292929; - border-color: #1c1f1f; } + border-color: #212424; } list:backdrop { background-color: #2c2c2c; - border-color: #1f2222; } + border-color: #262929; } list row { padding: 2px; } @@ -3877,7 +3877,7 @@ expander arrow { ***********/ calendar { color: white; - border: 1px solid #1c1f1f; } + border: 1px solid #212424; } calendar:selected { border-radius: 3px; } calendar.header { @@ -3900,7 +3900,7 @@ calendar { color: #eeeeec; } calendar:backdrop { color: #d5d5d5; - border-color: #1f2222; } + border-color: #262929; } /*********** * Dialogs * @@ -3930,9 +3930,9 @@ messagedialog.csd .dialog-action-area button { -gtk-outline-bottom-right-radius: 5px; } filechooser .dialog-action-box { - border-top: 1px solid #1c1f1f; } + border-top: 1px solid #212424; } filechooser .dialog-action-box:backdrop { - border-top-color: #1f2222; } + border-top-color: #262929; } filechooser #pathbarbox { border-bottom: 1px solid #393f3f; } @@ -3947,16 +3947,16 @@ filechooserbutton:drop(active) { border-style: none; background-color: #313434; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { - border-right: 1px solid #1c1f1f; + border-right: 1px solid #212424; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list .sidebar:dir(rtl), stacksidebar.sidebar.right list .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid #1c1f1f; + border-left: 1px solid #212424; border-right-style: none; } .sidebar:backdrop { background-color: #333636; - border-color: #1f2222; + border-color: #262929; transition: 200ms ease-out; } .sidebar list { background-color: transparent; } @@ -4048,21 +4048,21 @@ paned > separator { -gtk-icon-source: none; border-style: none; background-color: transparent; - background-image: image(#1c1f1f); + background-image: image(#212424); background-size: 1px 1px; } paned > separator:selected { background-image: image(#215d9c); } paned > separator:backdrop { - background-image: image(#1f2222); } + background-image: image(#262929); } paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #393f3f; - background-image: image(#1c1f1f), image(#1c1f1f); + background-image: image(#212424), image(#212424); background-size: 1px 1px, 1px 1px; } paned > separator.wide:backdrop { background-color: #393f3f; - background-image: image(#1f2222), image(#1f2222); } + background-image: image(#262929), image(#262929); } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { @@ -4256,30 +4256,30 @@ colorswatch.right, colorswatch:last-child:not(.bottom) { colorswatch.dark overlay { color: #ffffff; } colorswatch.dark overlay:hover { - border-color: #1c1f1f; } + border-color: #212424; } colorswatch.dark overlay:backdrop { color: #d5d5d5; } colorswatch.light overlay { color: white; } colorswatch.light overlay:hover { - border-color: #1c1f1f; } + border-color: #212424; } colorswatch.light overlay:backdrop { color: #d5d5d5; } colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { border-color: #4e9a06; - box-shadow: inset 0 0 0 2px #1c1f1f, inset 0 0 0 1px #4e9a06; } + box-shadow: inset 0 0 0 2px #212424, inset 0 0 0 1px #4e9a06; } colorswatch:drop(active).dark overlay { border-color: #4e9a06; - box-shadow: inset 0 0 0 2px #1c1f1f, inset 0 0 0 1px #4e9a06; } + box-shadow: inset 0 0 0 2px #212424, inset 0 0 0 1px #4e9a06; } colorswatch overlay { box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); - border: 1px solid #1c1f1f; } + border: 1px solid #212424; } colorswatch overlay:hover { box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { - border-color: #1c1f1f; + border-color: #212424; box-shadow: none; } colorswatch#add-color-button { border-radius: 5px 5px 0 0; } @@ -4288,7 +4288,7 @@ colorswatch#add-color-button { colorswatch#add-color-button overlay { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; + border-color: #212424; background-image: linear-gradient(to bottom, #343a3a, #2f3434 60%, #2a2f2f); text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); @@ -4296,13 +4296,13 @@ colorswatch#add-color-button { colorswatch#add-color-button overlay:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; + border-color: #212424; background-image: linear-gradient(to bottom, #3b4242, #343a3a 60%, #2f3434); text-shadow: 0 -1px rgba(0, 0, 0, 0.76376); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76376); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } colorswatch#add-color-button overlay:backdrop { - border-color: #1f2222; + border-color: #262929; background-image: linear-gradient(to bottom, #393f3f); text-shadow: none; -gtk-icon-shadow: none; @@ -4347,31 +4347,31 @@ colorchooser .popover.osd { decoration { border-radius: 7px 7px 0 0; border-width: 0px; - box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(28, 31, 31, 0.9); + box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(33, 36, 36, 0.9); margin: 10px; } decoration:backdrop { - box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(28, 31, 31, 0.9); + box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(33, 36, 36, 0.9); transition: 200ms ease-out; } .maximized decoration, .fullscreen decoration, .tiled decoration { border-radius: 0; } .popup decoration { box-shadow: none; } .ssd decoration { - box-shadow: 0 0 0 1px rgba(28, 31, 31, 0.9); } + box-shadow: 0 0 0 1px rgba(33, 36, 36, 0.9); } .csd.popup decoration { border-radius: 0; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(28, 31, 31, 0.8); } + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(33, 36, 36, 0.8); } tooltip.csd decoration { border-radius: 5px; box-shadow: none; } messagedialog.csd decoration { border-radius: 7px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(28, 31, 31, 0.8); } + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(33, 36, 36, 0.8); } .solid-csd decoration { margin: 0; padding: 4px; - background-color: #1c1f1f; - border: solid 1px #1c1f1f; + background-color: #212424; + border: solid 1px #212424; border-radius: 0; box-shadow: inset 0 0 0 3px #323737, inset 0 1px rgba(238, 238, 236, 0.07); } .solid-csd decoration:backdrop { @@ -4506,9 +4506,9 @@ button.circular { color: #eeeeec; background-color: #292929; border: 1px solid; - border-color: #1c1f1f; + border-color: #212424; border-radius: 5px; - box-shadow: inset 0 -3px #212323; + box-shadow: inset 0 -3px #242626; font-size: smaller; } .keycap:backdrop { background-color: #2c2c2c; @@ -4580,10 +4580,10 @@ text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #ffffff; /* widgets main borders color */ -@define-color borders #1c1f1f; +@define-color borders #212424; /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders #1f2222; +@define-color unfocused_borders #262929; /* these are pretty self explicative */ @define-color warning_color #f57900; diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css index 30129cd8ef..f3333397a1 100644 --- a/gtk/theme/Adwaita/gtk-contained.css +++ b/gtk/theme/Adwaita/gtk-contained.css @@ -129,10 +129,10 @@ headerbar .subtitle { assistant .sidebar { background-color: #ffffff; - border-top: 1px solid #9d9d99; } + border-top: 1px solid #b1b1ae; } assistant .sidebar:backdrop { background-color: #fcfcfc; - border-color: #a5a5a1; } + border-color: #bcbcb9; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar label { @@ -181,7 +181,7 @@ entry { border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: black; - border-color: #9d9d99; + border-color: #b1b1ae; background-color: #ffffff; box-shadow: inset 0 0 0 1px rgba(74, 144, 217, 0); } spinbutton:not(.vertical) image.left, @@ -229,20 +229,20 @@ entry { spinbutton:disabled:not(.vertical), entry:disabled { color: #8b8e8f; - border-color: #9d9d99; + border-color: #b1b1ae; background-color: #f1f1f1; box-shadow: none; } spinbutton:backdrop:not(.vertical), entry:backdrop { color: #323232; - border-color: #a5a5a1; + border-color: #bcbcb9; background-color: #fcfcfc; box-shadow: none; transition: 200ms ease-out; } spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #c3c3c0; - border-color: #a5a5a1; + border-color: #bcbcb9; background-color: #f1f1f1; box-shadow: none; } spinbutton.error:not(.vertical), @@ -354,15 +354,15 @@ entry { .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { - border-top-color: #e2e2e0; } + border-top-color: #e8e8e7; } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { - border-top-color: #e2e2e1; } + border-top-color: #e9e9e8; } .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { - border-top-color: #e2e2e0; } + border-top-color: #e8e8e7; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), @@ -428,7 +428,7 @@ button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #9d9d99; + border-color: #b1b1ae; background-image: linear-gradient(to bottom, #e8e8e7, #dededd 60%, #cfcfcd); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); @@ -453,7 +453,7 @@ button { button:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #9d9d99; + border-color: #b1b1ae; background-image: linear-gradient(to bottom, #f7f7f7, #e8e8e7 60%, #dededd); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); @@ -464,7 +464,7 @@ button { button:checked { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #9d9d99; + border-color: #b1b1ae; background-image: linear-gradient(to bottom, #c8c8c5, #dcdcda); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); @@ -473,7 +473,7 @@ button { notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat, button:backdrop { - border-color: #a5a5a1; + border-color: #bcbcb9; background-image: linear-gradient(to bottom, #e8e8e7); text-shadow: none; -gtk-icon-shadow: none; @@ -491,8 +491,8 @@ button { button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { - border-color: #a5a5a1; - background-image: linear-gradient(to bottom, #d1d1cf); + border-color: #bcbcb9; + background-image: linear-gradient(to bottom, #d9d9d7); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active label, @@ -507,7 +507,7 @@ button { notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { - border-color: #a5a5a1; + border-color: #bcbcb9; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; @@ -523,7 +523,7 @@ button { button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { - border-color: #a5a5a1; + border-color: #bcbcb9; background-image: linear-gradient(to bottom, #e4e4e4); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, @@ -544,7 +544,7 @@ button { -gtk-icon-shadow: none; } notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled { - border-color: #9d9d99; + border-color: #b1b1ae; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; @@ -556,8 +556,8 @@ button { notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active, button:disabled:checked { - border-color: #9d9d99; - background-image: linear-gradient(to bottom, #e9e9e8, #f1f1f1); + border-color: #b1b1ae; + background-image: linear-gradient(to bottom, #ebebea, #f1f1f1); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } notebook > header > tabs > arrow:disabled:active label, button.titlebutton:disabled:active label, notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active label, @@ -831,7 +831,7 @@ button.suggested-action { .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { - border-color: #a5a5a1; + border-color: #bcbcb9; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; @@ -868,7 +868,7 @@ button.suggested-action { -gtk-icon-shadow: none; color: rgba(74, 144, 217, 0.8); } button.suggested-action:disabled { - border-color: #9d9d99; + border-color: #b1b1ae; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; @@ -1001,7 +1001,7 @@ button.destructive-action { color: #f7cfcf; } button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { - border-color: #a5a5a1; + border-color: #bcbcb9; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; @@ -1034,7 +1034,7 @@ button.destructive-action { -gtk-icon-shadow: none; color: rgba(239, 41, 41, 0.8); } button.destructive-action:disabled { - border-color: #9d9d99; + border-color: #b1b1ae; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; @@ -1166,7 +1166,7 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { .inline-toolbar toolbutton > button { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #9d9d99; + border-color: #b1b1ae; background-image: linear-gradient(to bottom, #e8e8e7, #dededd 60%, #cfcfcd); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); @@ -1174,7 +1174,7 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { .inline-toolbar toolbutton > button:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #9d9d99; + border-color: #b1b1ae; background-image: linear-gradient(to bottom, #f7f7f7, #e8e8e7 60%, #dededd); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); @@ -1182,13 +1182,13 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #9d9d99; + border-color: #b1b1ae; background-image: linear-gradient(to bottom, #c8c8c5, #dcdcda); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } .inline-toolbar toolbutton > button:disabled { - border-color: #9d9d99; + border-color: #b1b1ae; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; @@ -1196,13 +1196,13 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { color: #8b8e8f; } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - border-color: #9d9d99; - background-image: linear-gradient(to bottom, #e9e9e8, #f1f1f1); + border-color: #b1b1ae; + background-image: linear-gradient(to bottom, #ebebea, #f1f1f1); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { color: #8b8e8f; } .inline-toolbar toolbutton > button:backdrop { - border-color: #a5a5a1; + border-color: #bcbcb9; background-image: linear-gradient(to bottom, #e8e8e7); text-shadow: none; -gtk-icon-shadow: none; @@ -1210,13 +1210,13 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { .inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { color: #8b8e8f; } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { - border-color: #a5a5a1; - background-image: linear-gradient(to bottom, #d1d1cf); + border-color: #bcbcb9; + background-image: linear-gradient(to bottom, #d9d9d7); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { color: #8b8e8f; } .inline-toolbar toolbutton > button:backdrop:disabled { - border-color: #a5a5a1; + border-color: #bcbcb9; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; @@ -1224,7 +1224,7 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { .inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { color: #c3c3c0; } .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { - border-color: #a5a5a1; + border-color: #bcbcb9; background-image: linear-gradient(to bottom, #e4e4e4); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label { @@ -1442,7 +1442,7 @@ spinbutton:not(.vertical) { color: #43484a; background-image: none; border-style: none none none solid; - border-color: rgba(157, 157, 153, 0.3); + border-color: rgba(177, 177, 174, 0.3); border-radius: 0; box-shadow: none; } spinbutton:not(.vertical) button:dir(rtl) { @@ -1458,7 +1458,7 @@ spinbutton:not(.vertical) { spinbutton:not(.vertical) button:backdrop { color: #96999a; background-color: transparent; - border-color: rgba(165, 165, 161, 0.3); + border-color: rgba(188, 188, 185, 0.3); transition: 200ms ease-out; } spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(195, 195, 192, 0.3); @@ -1647,12 +1647,12 @@ searchbar, .inline-toolbar, searchbar, .location-bar { border-style: solid; - border-color: #9d9d99; - background-color: #d2d2d0; } + border-color: #b1b1ae; + background-color: #d8d8d6; } .inline-toolbar:backdrop, searchbar:backdrop, .location-bar:backdrop { - border-color: #a5a5a1; - background-color: #d1d1cf; + border-color: #bcbcb9; + background-color: #d9d9d7; box-shadow: none; transition: 200ms ease-out; } @@ -1672,7 +1672,7 @@ headerbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); } .titlebar:backdrop:not(headerbar), headerbar:backdrop { - border-color: #a5a5a1; + border-color: #bcbcb9; background-color: #e8e8e7; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); @@ -1838,7 +1838,7 @@ headerbar { headerbar.selection-mode button.suggested-action { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #9d9d99; + border-color: #b1b1ae; background-image: linear-gradient(to bottom, #e8e8e7, #dededd 60%, #cfcfcd); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); @@ -1848,7 +1848,7 @@ headerbar { headerbar.selection-mode button.suggested-action:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #9d9d99; + border-color: #b1b1ae; background-image: linear-gradient(to bottom, #f7f7f7, #e8e8e7 60%, #dededd); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); @@ -1858,7 +1858,7 @@ headerbar { headerbar.selection-mode button.suggested-action:active { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #9d9d99; + border-color: #b1b1ae; background-image: linear-gradient(to bottom, #c8c8c5, #dcdcda); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); @@ -1866,7 +1866,7 @@ headerbar { border-color: #184472; } .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { - border-color: #9d9d99; + border-color: #b1b1ae; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; @@ -1878,7 +1878,7 @@ headerbar { color: #8b8e8f; } .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { - border-color: #a5a5a1; + border-color: #bcbcb9; background-image: linear-gradient(to bottom, #e8e8e7); text-shadow: none; -gtk-icon-shadow: none; @@ -1890,7 +1890,7 @@ headerbar { color: #8b8e8f; } .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { - border-color: #a5a5a1; + border-color: #bcbcb9; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; @@ -1969,7 +1969,7 @@ window.csd > .titlebar:not(headerbar) { border-color: transparent; box-shadow: none; } .titlebar:not(headerbar) > separator { - background-color: #9d9d99; } + background-color: #b1b1ae; } /************ * Pathbars * @@ -2156,7 +2156,7 @@ menu, margin: 4px; padding: 2px 0px; background-color: #ffffff; - border: 1px solid #9d9d99; } + border: 1px solid #b1b1ae; } .csd menu, .csd .menu { border: none; } @@ -2253,7 +2253,7 @@ popover.background { background-color: #e8e8e7; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .csd popover.background, popover.background { - border: 1px solid #9d9d99; } + border: 1px solid #b1b1ae; } popover.background:backdrop { background-color: #e8e8e7; box-shadow: none; } @@ -2275,12 +2275,12 @@ popover.background { *************/ notebook > header { padding: 1px; - border-color: #9d9d99; + border-color: #b1b1ae; border-width: 1px; - background-color: #cececc; } + background-color: #cdcdcb; } notebook > header:backdrop { - border-color: #a5a5a1; - background-color: #d1d1cf; } + border-color: #bcbcb9; + background-color: #d9d9d7; } notebook > header tabs { margin: -1px; } notebook > header.top { @@ -2288,7 +2288,7 @@ notebook > header { notebook > header.top > tabs { margin-bottom: -2px; } notebook > header.top > tabs > tab:hover { - box-shadow: inset 0 -3px #9d9d99; } + box-shadow: inset 0 -3px #b1b1ae; } notebook > header.top > tabs > tab:backdrop { box-shadow: none; } notebook > header.top > tabs > tab:checked { @@ -2298,7 +2298,7 @@ notebook > header { notebook > header.bottom > tabs { margin-top: -2px; } notebook > header.bottom > tabs > tab:hover { - box-shadow: inset 0 3px #9d9d99; } + box-shadow: inset 0 3px #b1b1ae; } notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } notebook > header.bottom > tabs > tab:checked { @@ -2308,7 +2308,7 @@ notebook > header { notebook > header.left > tabs { margin-right: -2px; } notebook > header.left > tabs > tab:hover { - box-shadow: inset -3px 0 #9d9d99; } + box-shadow: inset -3px 0 #b1b1ae; } notebook > header.left > tabs > tab:backdrop { box-shadow: none; } notebook > header.left > tabs > tab:checked { @@ -2318,7 +2318,7 @@ notebook > header { notebook > header.right > tabs { margin-left: -2px; } notebook > header.right > tabs > tab:hover { - box-shadow: inset 3px 0 #9d9d99; } + box-shadow: inset 3px 0 #b1b1ae; } notebook > header.right > tabs > tab:backdrop { box-shadow: none; } notebook > header.right > tabs > tab:checked { @@ -2378,7 +2378,7 @@ notebook > header { notebook > header tab:hover { color: #5d6163; } notebook > header tab:hover.reorderable-page { - border-color: rgba(157, 157, 153, 0.3); + border-color: rgba(177, 177, 174, 0.3); background-color: rgba(232, 232, 231, 0.2); } notebook > header tab:backdrop { color: #b0b2b2; } @@ -2388,14 +2388,14 @@ notebook > header { notebook > header tab:checked { color: #2e3436; } notebook > header tab:checked.reorderable-page { - border-color: rgba(157, 157, 153, 0.5); + border-color: rgba(177, 177, 174, 0.5); background-color: rgba(232, 232, 231, 0.5); } notebook > header tab:checked.reorderable-page:hover { background-color: rgba(232, 232, 231, 0.7); } notebook > header tab:backdrop:checked { color: #8b8e8f; } notebook > header tab:backdrop:checked.reorderable-page { - border-color: #a5a5a1; + border-color: #bcbcb9; background-color: #e8e8e7; } notebook > header tab button.flat { padding: 0; @@ -2462,16 +2462,16 @@ scrollbar { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { - border-bottom: 1px solid #9d9d99; } + border-bottom: 1px solid #b1b1ae; } scrollbar.bottom { - border-top: 1px solid #9d9d99; } + border-top: 1px solid #b1b1ae; } scrollbar.left { - border-right: 1px solid #9d9d99; } + border-right: 1px solid #b1b1ae; } scrollbar.right { - border-left: 1px solid #9d9d99; } + border-left: 1px solid #b1b1ae; } scrollbar:backdrop { background-color: #e1e1df; - border-color: #a5a5a1; + border-color: #bcbcb9; transition: 200ms ease-out; } scrollbar slider { min-width: 6px; @@ -2596,7 +2596,7 @@ scrollbar { -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } treeview ~ scrollbar.vertical { - border-top: 1px solid #9d9d99; + border-top: 1px solid #b1b1ae; margin-top: -1px; } /********** @@ -2606,10 +2606,10 @@ switch { font-weight: bold; font-size: smaller; outline-offset: -4px; - border: 1px solid #9d9d99; + border: 1px solid #b1b1ae; border-radius: 3px; color: #2e3436; - background-color: #cececc; + background-color: #cdcdcb; text-shadow: 0 1px rgba(0, 0, 0, 0.1); } switch:checked { color: #ffffff; @@ -2618,13 +2618,13 @@ switch { text-shadow: 0 1px rgba(24, 68, 114, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } switch:disabled { color: #8b8e8f; - border-color: #9d9d99; + border-color: #b1b1ae; background-color: #f1f1f1; text-shadow: none; } switch:backdrop { color: #8b8e8f; - border-color: #a5a5a1; - background-color: #d1d1cf; + border-color: #bcbcb9; + background-color: #d9d9d7; text-shadow: none; transition: 200ms ease-out; } switch:backdrop:checked { @@ -2633,7 +2633,7 @@ switch { background-color: #4a90d9; } switch:disabled { color: #c3c3c0; - border-color: #a5a5a1; + border-color: #bcbcb9; background-color: #f1f1f1; } switch slider { margin: -1px; @@ -2658,7 +2658,7 @@ switch { switch:checked slider { border: 1px solid #184472; } switch:disabled slider { - border-color: #9d9d99; + border-color: #b1b1ae; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; @@ -2667,7 +2667,7 @@ switch { color: #8b8e8f; } switch:backdrop slider { transition: 200ms ease-out; - border-color: #a5a5a1; + border-color: #bcbcb9; background-image: linear-gradient(to bottom, #e8e8e7); text-shadow: none; -gtk-icon-shadow: none; @@ -2677,7 +2677,7 @@ switch { switch:backdrop:checked slider { border-color: #4a90d9; } switch:backdrop:disabled slider { - border-color: #a5a5a1; + border-color: #bcbcb9; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; @@ -2690,9 +2690,9 @@ switch { row:selected switch:backdrop { border-color: #184472; } row:selected switch.slider:dir(rtl) { - border-left-color: #9d9d99; } + border-left-color: #b1b1ae; } row:selected switch.slider:dir(ltr) { - border-right-color: #9d9d99; } + border-right-color: #b1b1ae; } row:selected switch.slider:checked, row:selected switch.slider { border-color: #184472; } @@ -2775,14 +2775,14 @@ radio { radio:active { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #9d9d99; + border-color: #b1b1ae; background-image: linear-gradient(to bottom, #c8c8c5, #dcdcda); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } check:disabled, radio:disabled { - border-color: #9d9d99; + border-color: #b1b1ae; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; @@ -2793,7 +2793,7 @@ radio { color: #8b8e8f; } check:backdrop, radio:backdrop { - border-color: #a5a5a1; + border-color: #bcbcb9; background-image: linear-gradient(to bottom, #e8e8e7); text-shadow: none; -gtk-icon-shadow: none; @@ -2805,7 +2805,7 @@ radio { color: #8b8e8f; } check:backdrop:disabled, radio:backdrop:disabled { - border-color: #a5a5a1; + border-color: #bcbcb9; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; @@ -2949,14 +2949,14 @@ treeview.view radio:backdrop { * GtkScale * ************/ scale trough, scale fill, progressbar trough { - border: 1px solid #9d9d99; + border: 1px solid #b1b1ae; border-radius: 3px; - background-color: #cececc; } + background-color: #cdcdcb; } scale trough:disabled, scale fill:disabled, progressbar trough:disabled { background-color: #f1f1f1; } scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop, progressbar:backdrop trough { - background-color: #d1d1cf; - border-color: #a5a5a1; + background-color: #d9d9d7; + border-color: #bcbcb9; transition: 200ms ease-out; } scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled { background-color: #f1f1f1; } @@ -3018,7 +3018,7 @@ scale { outline-offset: 2px; -gtk-outline-radius: 5px; } scale fill:backdrop, scale fill { - background-color: #9d9d99; } + background-color: #b1b1ae; } scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; } @@ -3035,7 +3035,7 @@ scale { -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); background-image: linear-gradient(to bottom, #f4f4f4 20%, #e8e8e7 90%); box-shadow: inset 0 1px white, inset 0 -2px #ededec, inset 0 -1px #cacac8, 0 1px rgba(0, 0, 0, 0.1); - border: 1px solid #969691; + border: 1px solid #aaaaa6; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } @@ -3048,7 +3048,7 @@ scale { scale slider:active { border-color: #184472; } scale slider:disabled { - border-color: #9d9d99; + border-color: #b1b1ae; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; @@ -3057,7 +3057,7 @@ scale { color: #8b8e8f; } scale slider:backdrop { transition: 200ms ease-out; - border-color: #a5a5a1; + border-color: #bcbcb9; background-image: linear-gradient(to bottom, #e8e8e7); text-shadow: none; -gtk-icon-shadow: none; @@ -3065,7 +3065,7 @@ scale { scale slider:backdrop label, scale slider:backdrop { color: #8b8e8f; } scale slider:backdrop:disabled { - border-color: #a5a5a1; + border-color: #bcbcb9; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; @@ -3515,7 +3515,7 @@ scale { min-height: 0; min-width: 0; } scale.color trough { - background-image: linear-gradient(to top, #9d9d99); + background-image: linear-gradient(to top, #b1b1ae); background-repeat: no-repeat; } scale.color.horizontal { padding: 0 0 15px 0; } @@ -3634,12 +3634,12 @@ levelbar trough { padding: 2px; border-radius: 3px; color: black; - border-color: #9d9d99; + border-color: #b1b1ae; background-color: #ffffff; box-shadow: inset 0 0 0 1px rgba(74, 144, 217, 0); } levelbar trough:backdrop { color: #323232; - border-color: #a5a5a1; + border-color: #bcbcb9; background-color: #fcfcfc; box-shadow: none; } levelbar.horizontal.discrete block { @@ -3683,12 +3683,12 @@ levelbar block.empty { *****************/ printdialog paper { color: #2e3436; - border: 1px solid #9d9d99; + border: 1px solid #b1b1ae; background: white; padding: 0; } printdialog paper:backdrop { color: #8b8e8f; - border-color: #a5a5a1; } + border-color: #bcbcb9; } printdialog .dialog-action-box { margin: 12px; } @@ -3701,24 +3701,24 @@ frame > border, margin: 0; padding: 0; border-radius: 0; - border: 1px solid #9d9d99; } + border: 1px solid #b1b1ae; } frame > border.flat, .frame.flat { border-style: none; } frame > border:backdrop, .frame:backdrop { - border-color: #a5a5a1; } + border-color: #bcbcb9; } actionbar > revealer > box { padding: 6px; - border-top: 1px solid #9d9d99; } + border-top: 1px solid #b1b1ae; } actionbar > revealer > box:backdrop { - border-color: #a5a5a1; } + border-color: #bcbcb9; } scrolledwindow viewport.frame { border-style: none; } scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#84847f), to(rgba(132, 132, 127, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#989894), to(rgba(152, 152, 148, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; @@ -3726,7 +3726,7 @@ scrolledwindow overshoot.top { border: none; box-shadow: none; } scrolledwindow overshoot.top:backdrop { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#a5a5a1), to(rgba(165, 165, 161, 0))); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#bcbcb9), to(rgba(188, 188, 185, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; @@ -3734,7 +3734,7 @@ scrolledwindow overshoot.top { border: none; box-shadow: none; } scrolledwindow overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#84847f), to(rgba(132, 132, 127, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#989894), to(rgba(152, 152, 148, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; @@ -3742,7 +3742,7 @@ scrolledwindow overshoot.bottom { border: none; box-shadow: none; } scrolledwindow overshoot.bottom:backdrop { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#a5a5a1), to(rgba(165, 165, 161, 0))); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#bcbcb9), to(rgba(188, 188, 185, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; @@ -3750,7 +3750,7 @@ scrolledwindow overshoot.bottom { border: none; box-shadow: none; } scrolledwindow overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#84847f), to(rgba(132, 132, 127, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#989894), to(rgba(152, 152, 148, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; @@ -3758,7 +3758,7 @@ scrolledwindow overshoot.left { border: none; box-shadow: none; } scrolledwindow overshoot.left:backdrop { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#a5a5a1), to(rgba(165, 165, 161, 0))); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#bcbcb9), to(rgba(188, 188, 185, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; @@ -3766,7 +3766,7 @@ scrolledwindow overshoot.left { border: none; box-shadow: none; } scrolledwindow overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#84847f), to(rgba(132, 132, 127, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#989894), to(rgba(152, 152, 148, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; @@ -3774,7 +3774,7 @@ scrolledwindow overshoot.right { border: none; box-shadow: none; } scrolledwindow overshoot.right:backdrop { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#a5a5a1), to(rgba(165, 165, 161, 0))); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#bcbcb9), to(rgba(188, 188, 185, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; @@ -3823,12 +3823,12 @@ scrolledwindow undershoot.right { box-shadow: none; } scrolledwindow junction { border-color: transparent; - border-image: linear-gradient(to bottom, #9d9d99 1px, transparent 1px) 0 0 0 1/0 1px stretch; + border-image: linear-gradient(to bottom, #b1b1ae 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #c3c4c4; } scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } scrolledwindow junction:backdrop { - border-image-source: linear-gradient(to bottom, #a5a5a1 1px, transparent 1px); + border-image-source: linear-gradient(to bottom, #bcbcb9 1px, transparent 1px); background-color: #e1e1df; transition: 200ms ease-out; } @@ -3843,10 +3843,10 @@ separator { list { color: black; background-color: #ffffff; - border-color: #9d9d99; } + border-color: #b1b1ae; } list:backdrop { background-color: #fcfcfc; - border-color: #a5a5a1; } + border-color: #bcbcb9; } list row { padding: 2px; } @@ -3906,7 +3906,7 @@ expander arrow { ***********/ calendar { color: black; - border: 1px solid #9d9d99; } + border: 1px solid #b1b1ae; } calendar:selected { border-radius: 3px; } calendar.header { @@ -3929,7 +3929,7 @@ calendar { color: #2e3436; } calendar:backdrop { color: #323232; - border-color: #a5a5a1; } + border-color: #bcbcb9; } /*********** * Dialogs * @@ -3959,9 +3959,9 @@ messagedialog.csd .dialog-action-area button { -gtk-outline-bottom-right-radius: 5px; } filechooser .dialog-action-box { - border-top: 1px solid #9d9d99; } + border-top: 1px solid #b1b1ae; } filechooser .dialog-action-box:backdrop { - border-top-color: #a5a5a1; } + border-top-color: #bcbcb9; } filechooser #pathbarbox { border-bottom: 1px solid #e8e8e7; } @@ -3976,16 +3976,16 @@ filechooserbutton:drop(active) { border-style: none; background-color: #f4f4f3; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { - border-right: 1px solid #9d9d99; + border-right: 1px solid #b1b1ae; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list .sidebar:dir(rtl), stacksidebar.sidebar.right list .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid #9d9d99; + border-left: 1px solid #b1b1ae; border-right-style: none; } .sidebar:backdrop { background-color: #f2f2f2; - border-color: #a5a5a1; + border-color: #bcbcb9; transition: 200ms ease-out; } .sidebar list { background-color: transparent; } @@ -4077,21 +4077,21 @@ paned > separator { -gtk-icon-source: none; border-style: none; background-color: transparent; - background-image: image(#9d9d99); + background-image: image(#b1b1ae); background-size: 1px 1px; } paned > separator:selected { background-image: image(#4a90d9); } paned > separator:backdrop { - background-image: image(#a5a5a1); } + background-image: image(#bcbcb9); } paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #e8e8e7; - background-image: image(#9d9d99), image(#9d9d99); + background-image: image(#b1b1ae), image(#b1b1ae); background-size: 1px 1px, 1px 1px; } paned > separator.wide:backdrop { background-color: #e8e8e7; - background-image: image(#a5a5a1), image(#a5a5a1); } + background-image: image(#bcbcb9), image(#bcbcb9); } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { @@ -4317,7 +4317,7 @@ colorswatch#add-color-button { colorswatch#add-color-button overlay { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #9d9d99; + border-color: #b1b1ae; background-image: linear-gradient(to bottom, #e8e8e7, #dededd 60%, #cfcfcd); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); @@ -4325,13 +4325,13 @@ colorswatch#add-color-button { colorswatch#add-color-button overlay:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #9d9d99; + border-color: #b1b1ae; background-image: linear-gradient(to bottom, #f7f7f7, #e8e8e7 60%, #dededd); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px white; } colorswatch#add-color-button overlay:backdrop { - border-color: #a5a5a1; + border-color: #bcbcb9; background-image: linear-gradient(to bottom, #e8e8e7); text-shadow: none; -gtk-icon-shadow: none; @@ -4399,8 +4399,8 @@ decoration { .solid-csd decoration { margin: 0; padding: 4px; - background-color: #9d9d99; - border: solid 1px #9d9d99; + background-color: #b1b1ae; + border: solid 1px #b1b1ae; border-radius: 0; box-shadow: inset 0 0 0 3px #f4f4f4, inset 0 1px rgba(255, 255, 255, 0.8); } .solid-csd decoration:backdrop { @@ -4536,7 +4536,7 @@ button.circular { color: #2e3436; background-color: #ffffff; border: 1px solid; - border-color: #c3c3c0; + border-color: #cdcdcb; border-radius: 5px; box-shadow: inset 0 -3px #ededec; font-size: smaller; } @@ -4610,10 +4610,10 @@ text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #ffffff; /* widgets main borders color */ -@define-color borders #9d9d99; +@define-color borders #b1b1ae; /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders #a5a5a1; +@define-color unfocused_borders #bcbcb9; /* these are pretty self explicative */ @define-color warning_color #f57900; -- 2.30.2